.bjs-button {
  background: transparent;
  border-radius: 0;
  color: $theme-color-light;
  border: 1px solid;

  @include color();
  @include b_color();

  &:hover {
    border: 1px solid;
    @include color();
    @include b_color();
    transition: background-color 0.3s;

    [data-theme="light"] & {
      background-color: $theme-color-light-3;
    }
    [data-theme="night"] & {
      background-color: $theme-color-night-dark-1;
    }
  }

  &:focus {
    color: $theme-color-light;
    border-color: $theme-color-light;
    background-color: $theme-color-light-3;

    @include color();
    @include b_color();
    [data-theme="light"] & {
      background-color: $theme-color-light-3;
    }
    [data-theme="night"] & {
      background-color: $theme-color-night-dark-1;
    }
  }

}
